﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%--
    JSP Name : jspName.jsp
    Description : 설명을 기술합니다.
    author Kim hyung soo
    since 2012. 8. 22.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 8. 22.     Kim hyung soo     최초 생성
--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SNS : SNS/APP | 현대자동차그룹</title>
<meta name="description" content="현대자동차그룹 및 계열사별 SNS(Social Network Service) 보기" />
<meta name="keywords" content="현대자동차그룹 SNS, 현대차그룹 SNS, SNS, Social Network Service" />
<%@ include file="/WEB-INF/jsp/web/kor/include/header.jspf" %>
<script type="text/javascript">

function fn_get_facebook_timeline() {
    var facebook = $(":input:radio[name=facebook]:checked").val();

    if (facebook == "")
        alert("서비스 준비 중입니다.");
    else
        document.getElementById("ifrFacebook").src = "./IframeFacebookTimeline.do?id=" + facebook;
}

function fn_get_twitter_timeline() {
    var twitter = $(":input:radio[name=twitter]:checked").val();

    if (twitter == "" || twitter == undefined)
        alert("계열사를 선택해 주세요.");
    else
        document.getElementById("ifrTwitter").src = "./IframeTwitterTimeline.do?id=" + twitter;
}

</script>
</head>
<body>
    <!--wrap-->
    <div id="wrap">
        <!-- skip navigation -->
        <div id="skipnavition">
            <a href="#gnb">메뉴바로가기</a><a href="#content">본문바로가기</a>
        </div>
        <!--// skip navigation -->

        <hr />

        <!-- header-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/left.jspf" %>
        <!--//header-->

        <hr />

        <!--container-->
        <div id="container">
            <div class="scroll-pane">
                <!-- 공통 -->
                <div class="subTitle">
                    <div class="pageTitle">
                        <h2><img src="/hmg/images/web/kor/title/group_News_SNS.gif" alt="SNS" /></h2>
                        <p class="subCopy"><img src="/hmg/images/web/kor/title/group_News_SNS_desc.gif" alt="실시간 정보를 페이스북과 트위터로 만나세요" /></p>
                    </div>

                    <div class="pageLocation">
                        <ul>
                            <li><a href="/hmg/web/kor/Main.do"><img src="/hmg/images/web/kor/common/location_home.gif" alt="홈"/></a></li>
                            <li><a href="/hmg/web/kor/grn/GroupNewsSubMain.do">그룹소식</a></li>
                            <li><a href="/hmg/web/kor/grn/sns/SnsView.do">SNS/APP</a></li>
                            <li class="nowPage"><a href="/hmg/web/kor/grn/sns/SnsView.do">SNS</a></li>
                        </ul>
                    </div>
                </div>
                <!--//공통-->

                <!--contents-->
                <div id="content">
                    <!-- 내용 -->
                    <div class="groupNews">
                        <!--facebook-->
                        <div class="facebookTypeWrap">
                            <div class="facebookType">
                                <p class="title"><img src="/hmg/images/web/kor/grn/sns_Facebook.gif" alt="facebook"/></p>
                                <ul>
                                    <li><input type="radio" name="facebook" id="fb_hyundaimotorgroup" value="hyundaimotorgroup" checked="checked" class="radio"/><label for="fb_hyundaimotorgroup"> 현대자동차그룹</label></li>
                                    <li><input type="radio" name="facebook" id="fb_hyundai" value="abouthyundai" class="radio"/><label for="fb_hyundai"> 현대자동차</label></li>
                                    <li><input type="radio" name="facebook" id="fb_kia" value="kia.co.kr" class="radio"/><label for="fb_kia"> 기아자동차</label></li>
                                    <li><input type="radio" name="facebook" id="fb_hyundaicapital" value="hyundaicapital" class="radio"/><label for="fb_hyundaicapital"> 현대캐피탈</label></li>
                                    <li><input type="radio" name="facebook" id="fb_hyundaiCard" value="HyundaiCard" class="radio"/><label for="fb_hyundaiCard"> 현대카드</label></li>
                                    <li><input type="radio" name="facebook" id="fb_hmcib" value="hmcib" class="radio"/><label for="fb_hmcib"> HMG투자증권</label></li>
                                    <li><input type="radio" name="facebook" id="fb_HyundaiPowertech" value="HyundaiPowertech" class="radio"/><label for="fb_HyundaiPowertech"> 현대파워텍</label></li>
                                    <li><input type="radio" name="facebook" id="fb_innocean" value="innocean" class="radio"/><label for="fb_innocean"> 이노션 월드와이드</label></li>
                                </ul>
                                <p class="btn"><a href="javascript:fn_get_facebook_timeline();"><img src="/hmg/images/web/kor/btn/btn_confirm.gif" alt="확인" /></a></p>
                            </div>
                        </div>

                        <div class="snsBoxWrap" style="height:390px; padding-top:0 0 15px 0; margin-top:0px; overflow:hidden;">
                            <div class="snsBox" id="facebookTimeline" style="height:375px; overflow:hidden;">
                                <iframe name="ifrFacebook" id="ifrFacebook" title="Facebook" src="./IframeFacebookTimeline.do?id=hyundaimotorgroup" width="640" height="370" frameborder="0" style="overflow:hidden;"></iframe>
                            </div>
                        </div>
                        <!--//facebook-->

                        <!--twitter-->
                        <div class="twitterTypeWrap">
                            <div class="twitterType">
                                <p class="title"><img src="/hmg/images/web/kor/grn/sns_Twitter.gif" alt="twitter"/></p>
                                <ul>
                                    <li><input type="radio" name="twitter" id="tw_hyundai" value="about_hyundai" class="radio"/><label for="tw_hyundai"> 현대자동차</label></li>
                                    <li><input type="radio" name="twitter" id="tw_kia" value="fun_kia" class="radio"/><label for="tw_kia"> 기아자동차</label></li>
                                    <li><input type="radio" name="twitter" id="tw_hyundaicapital" value="hyundaicapital" class="radio"/><label for="tw_hyundaicapital"> 현대캐피탈</label></li>
                                    <li><input type="radio" name="twitter" id="tw_hyundaicard" value="hyundaicard" class="radio"/><label for="tw_hyundaicard"> 현대카드</label></li>
                                </ul>
                                <p class="btn"><a href="javascript:fn_get_twitter_timeline();"><img src="/hmg/images/web/kor/btn/btn_confirm02.gif" alt="확인" /></a></p>
                            </div>
                        </div>
                        <div class="snsBoxWrap twitter" style="height:375px; overflow:hidden;">
                            <div class="snsBox twitter" id="twitterTimeline" style="height:375px; overflow:hidden;">
                                <iframe name="ifrTwitter" id="ifrTwitter" title="Twiter" src="./IframeDefaultPage.do" width="640" height="388" frameborder="0" style="overflow:hidden;"></iframe>
                            </div>
                        </div>
                        <!--//twitter-->
                    </div>
                    <!--// 내용 -->
                </div>
                <!--//contents-->
            </div>
        </div>
        <!--//container-->

        <hr />

        <!--footer-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/footer.jspf" %>
        <!--//footer-->

        <hr />

        <!--notice-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/notice.jspf" %>
        <!--//notice-->
    </div>
    <!--//wrap-->
</body>
</html>